<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<!-- Breadcramps -->
<div class="page-title ui-widget-content ui-corner-all">
	<h1><a href="#">Users</a></h1>
</div>

<div class="title">
	<h3>
		Users
	</h3>
	Add a new user
</div>

<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all form-container">
	<div class="portlet-header ui-widget-header">
		Form elements in box
	</div>
	<div class="portlet-content">
		<form action="#" method="post" enctype="multipart/form-data"
			class="forms" name="form">
			<ul>
				<li>
					<label class="desc">
						Name ( input class="small" )
					</label>
					<div>
						<input type="text" tabindex="1" maxlength="255" value=""
							class="field text small" name="" />
					</div>
				</li>
				<li>
					<label class="desc">
						Input ( input class="medium" )
					</label>
					<div>
						<input type="text" tabindex="1" maxlength="255" value=""
							class="field text medium" name="" />
					</div>
				</li>
				<li>
					<label class="desc">
						Input ( input class="large" )
					</label>
					<div>
						<input type="text" tabindex="1" maxlength="255" value=""
							class="field text large" name="" />
					</div>
				</li>
				<li>
					<label class="desc">
						Textarea ( input class="small" )
					</label>
					<div>
						<textarea tabindex="2" cols="50" rows="5"
							class="field textarea small" name=""></textarea>
					</div>
				</li>
				<li>
					<label class="desc">
						Other
					</label>
					<div class="float-left">
						<span> <input type="text" tabindex="6" value=""
								class="field text" name="" /> <label>
								Example
							</label> </span>
					</div>
					<div class="float-left">
						<span> <input type="text" tabindex="6" value=""
								class="field text" name="" /> <label>
								Example
							</label> </span>
					</div>
					<div class="float-left">
						<span> <input type="text" tabindex="6" value=""
								class="field text" name="" /> <label>
								Example
							</label> </span>
					</div>
					<div class="float-left">
						<span> <input type="text" tabindex="6" value=""
								class="field text" name="" /> <label>
								Example
							</label> </span>
					</div>
				</li>
				<li>
					<label class="desc">
						Priority
					</label>
					<div>
						<select tabindex="3" class="field select large" name="">
							<option value="Low">
								Low
							</option>
							<option value="Medium">
								Medium
							</option>
							<option value="High">
								High
							</option>
						</select>
					</div>
				</li>
				<li class="date">
					<label for="Field2" id="title2" class="desc">
						Due Date
					</label>
					<span> <input type="text" tabindex="5" maxlength="2"
							size="2" value="" class="field text" name="" /> <label>
							MM
						</label> </span>
					<span class="symbol">/</span>
					<span> <input type="text" tabindex="6" maxlength="2"
							size="2" value="" class="field text" name="" /> <label>
							DD
						</label> </span>
					<span class="symbol">/</span>
					<span> <input type="text" tabindex="7" maxlength="4"
							size="4" value="" class="field text" name="" /> <label>
							YYYY
						</label> </span>
				</li>
				<li>
					<label for="Field4" id="title4" class="desc">
						Status
					</label>
					<div class="col">
						<span> <input type="checkbox" tabindex="8" value=""
								class="field checkbox" name="" /> <label class="choice">
								Done.
							</label> </span>
					</div>
				</li>
				<li class="buttons">
					<input type="submit" value="Submit" class="submit" />
				</li>
			</ul>
		</form>
	</div>
</div>
<div class="clearfix"></div>
<i class="note">* Just a simple note here ...</i>